$(function() {
//	layui调用form
	layui.use('form', function() {
		var form = layui.form;
		form.render();
	})
	
	var DJchart = echarts.init(document.getElementById('DJchart'));
	DJoption = {
		series: [{
			name: '指针辅助',
			type: 'pie',
			radius: '8%',
			center: ["50%", "50%"],
			z: 3,
			hoverAnimation: false,
			label: {
				normal: {
					show: false
				}
			},
			labelLine: {
				normal: {
					show: false
				}
			},
			itemStyle: {
				normal: {
					color: {
						type: 'radial',
						x: 0.1,
						y: -0.1,
						r: 1,
						colorStops: [{
							offset: 0,
							color: '#fff' // 0% 处的颜色
						}, {
							offset: 0.7,
							color: '#858788' // 50% 处的颜色
						}, {
							offset: 0.71,
							color: '#858788' // 51% 处的颜色
						}, {
							offset: 1,
							color: '#858788' // 100% 处的颜色
						}],
						globalCoord: true // 缺省为 false
					}
				}
			},
			data: [{
				value: 1,
				name: '指针辅助'
			}],
		}, {
			"type": "gauge",
			"startAngle": 220,
			'endAngle': -40,
			'radius': '86%',
			"min": 0,
			"max": 1,
			"axisLine": {
				"lineStyle": {
					"color": [
						[0.1, "#57b7e7"],
						[0.3, "#ffea5c"],
						[1, "#fd7867"]
					],
					"width": 16
				}
			},
			"axisTick": {
				"show": true,
				'splitNumber': 1,
				'length': 16,
				'lineStyle': {
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 1
				}
			},
			"axisLabel": {
				"show": false,
			},
			"splitLine": {
				"show": false
			},
			'pointer': {
				'show': true,
				'width': 2,
				'length': '100%',

			},
			'itemStyle': {
				'normal': {
					'color': '#727273',
					'shadowColor': 'rgba(0, 0, 0, 0.5)',
					'shadowBlur': 10,
					'shadowOffsetX': 2,
					'shadowOffsetY': 2
				}

			},
			"detail": {
				"formatter": "{value}",
				"offsetCenter": [0, "50%"],
				"textStyle": {
					"fontSize": 14,
					"color": "#fff",
					"fontFamily": ['DS-Digital', 'DS-DIGIB']
				},
				"padding": [2, 10, 2, 10],
				'backgroundColor': '#000',
				'borderRadius': 2,
			},
			"title": {
				"offsetCenter": [0, "80%"],

			},
			"data": [{
				"name": "点检报警",
				"value": 20,
			}]
		}]

	}
	DJchart.setOption(DJoption);
var GZPchart = echarts.init(document.getElementById('GZPchart'));
	GZPoption = {
		series: [{
			name: '指针辅助',
			type: 'pie',
			radius: '8%',
			center: ["50%", "50%"],
			z: 3,
			hoverAnimation: false,
			label: {
				normal: {
					show: false
				}
			},
			labelLine: {
				normal: {
					show: false
				}
			},
			itemStyle: {
				normal: {
					color: {
						type: 'radial',
						x: 0.1,
						y: -0.1,
						r: 1,
						colorStops: [{
							offset: 0,
							color: '#fff' // 0% 处的颜色
						}, {
							offset: 0.7,
							color: '#858788' // 50% 处的颜色
						}, {
							offset: 0.71,
							color: '#858788' // 51% 处的颜色
						}, {
							offset: 1,
							color: '#858788' // 100% 处的颜色
						}],
						globalCoord: true // 缺省为 false
					}
				}
			},
			data: [{
				value: 1,
				name: '指针辅助'
			}],
		}, {
			"type": "gauge",
			"startAngle": 220,
			'endAngle': -40,
			'radius': '86%',
			"min": 0,
			"max": 1,
			"axisLine": {
				"lineStyle": {
					"color": [
						[0.1, "#57b7e7"],
						[0.3, "#ffea5c"],
						[1, "#fd7867"]
					],
					"width": 16
				}
			},
			"axisTick": {
				"show": true,
				'splitNumber': 1,
				'length': 16,
				'lineStyle': {
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 1
				}
			},
			"axisLabel": {
				"show": false,
			},
			"splitLine": {
				"show": false
			},
			'pointer': {
				'show': true,
				'width': 2,
				'length': '100%',

			},
			'itemStyle': {
				'normal': {
					'color': '#727273',
					'shadowColor': 'rgba(0, 0, 0, 0.5)',
					'shadowBlur': 10,
					'shadowOffsetX': 2,
					'shadowOffsetY': 2
				}

			},
			"detail": {
				"formatter": "{value}",
				"offsetCenter": [0, "50%"],
				"textStyle": {
					"fontSize": 14,
					"color": "#fff",
					"fontFamily": ['DS-Digital', 'DS-DIGIB']
				},
				"padding": [2, 10, 2, 10],
				'backgroundColor': '#000',
				'borderRadius': 2,
			},
			"title": {
				"offsetCenter": [0, "80%"],

			},
			"data": [{
				"name": "点检报警",
				"value": 20,
			}]
		}]

	}
	GZPchart.setOption(GZPoption);
	var CZPchart = echarts.init(document.getElementById('CZPchart'));
	CZPoption = {
		series: [{
			name: '指针辅助',
			type: 'pie',
			radius: '8%',
			center: ["50%", "50%"],
			z: 3,
			hoverAnimation: false,
			label: {
				normal: {
					show: false
				}
			},
			labelLine: {
				normal: {
					show: false
				}
			},
			itemStyle: {
				normal: {
					color: {
						type: 'radial',
						x: 0.1,
						y: -0.1,
						r: 1,
						colorStops: [{
							offset: 0,
							color: '#fff' // 0% 处的颜色
						}, {
							offset: 0.7,
							color: '#858788' // 50% 处的颜色
						}, {
							offset: 0.71,
							color: '#858788' // 51% 处的颜色
						}, {
							offset: 1,
							color: '#858788' // 100% 处的颜色
						}],
						globalCoord: true // 缺省为 false
					}
				}
			},
			data: [{
				value: 1,
				name: '指针辅助'
			}],
		}, {
			"type": "gauge",
			"startAngle": 220,
			'endAngle': -40,
			'radius': '86%',
			"min": 0,
			"max": 1,
			"axisLine": {
				"lineStyle": {
					"color": [
						[0.1, "#57b7e7"],
						[0.3, "#ffea5c"],
						[1, "#fd7867"]
					],
					"width": 16
				}
			},
			"axisTick": {
				"show": true,
				'splitNumber': 1,
				'length': 16,
				'lineStyle': {
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 1
				}
			},
			"axisLabel": {
				"show": false,
			},
			"splitLine": {
				"show": false
			},
			'pointer': {
				'show': true,
				'width': 2,
				'length': '100%',

			},
			'itemStyle': {
				'normal': {
					'color': '#727273',
					'shadowColor': 'rgba(0, 0, 0, 0.5)',
					'shadowBlur': 10,
					'shadowOffsetX': 2,
					'shadowOffsetY': 2
				}

			},
			"detail": {
				"formatter": "{value}",
				"offsetCenter": [0, "50%"],
				"textStyle": {
					"fontSize": 14,
					"color": "#fff",
					"fontFamily": ['DS-Digital', 'DS-DIGIB']
				},
				"padding": [2, 10, 2, 10],
				'backgroundColor': '#000',
				'borderRadius': 2,
			},
			"title": {
				"offsetCenter": [0, "80%"],

			},
			"data": [{
				"name": "点检报警",
				"value": 20,
			}]
		}]

	}
	CZPchart.setOption(CZPoption);
	var QXchart = echarts.init(document.getElementById('QXchart'));
	QXoption = {
		series: [{
			name: '指针辅助',
			type: 'pie',
			radius: '8%',
			center: ["50%", "50%"],
			z: 3,
			hoverAnimation: false,
			label: {
				normal: {
					show: false
				}
			},
			labelLine: {
				normal: {
					show: false
				}
			},
			itemStyle: {
				normal: {
					color: {
						type: 'radial',
						x: 0.1,
						y: -0.1,
						r: 1,
						colorStops: [{
							offset: 0,
							color: '#fff' // 0% 处的颜色
						}, {
							offset: 0.7,
							color: '#858788' // 50% 处的颜色
						}, {
							offset: 0.71,
							color: '#858788' // 51% 处的颜色
						}, {
							offset: 1,
							color: '#858788' // 100% 处的颜色
						}],
						globalCoord: true // 缺省为 false
					}
				}
			},
			data: [{
				value: 1,
				name: '指针辅助'
			}],
		}, {
			"type": "gauge",
			"startAngle": 220,
			'endAngle': -40,
			'radius': '86%',
			"min": 0,
			"max": 1,
			"axisLine": {
				"lineStyle": {
					"color": [
						[0.1, "#57b7e7"],
						[0.3, "#ffea5c"],
						[1, "#fd7867"]
					],
					"width": 16
				}
			},
			"axisTick": {
				"show": true,
				'splitNumber': 1,
				'length': 16,
				'lineStyle': {
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 1
				}
			},
			"axisLabel": {
				"show": false,
			},
			"splitLine": {
				"show": false
			},
			'pointer': {
				'show': true,
				'width': 2,
				'length': '100%',

			},
			'itemStyle': {
				'normal': {
					'color': '#727273',
					'shadowColor': 'rgba(0, 0, 0, 0.5)',
					'shadowBlur': 10,
					'shadowOffsetX': 2,
					'shadowOffsetY': 2
				}

			},
			"detail": {
				"formatter": "{value}",
				"offsetCenter": [0, "50%"],
				"textStyle": {
					"fontSize": 14,
					"color": "#fff",
					"fontFamily": ['DS-Digital', 'DS-DIGIB']
				},
				"padding": [2, 10, 2, 10],
				'backgroundColor': '#000',
				'borderRadius': 2,
			},
			"title": {
				"offsetCenter": [0, "80%"],

			},
			"data": [{
				"name": "点检报警",
				"value": 20,
			}]
		}]

	}
	QXchart.setOption(QXoption);
	var DQGZchart = echarts.init(document.getElementById('DQGZchart'));
	DQGZoption = {
		series: [{
			name: '指针辅助',
			type: 'pie',
			radius: '8%',
			center: ["50%", "50%"],
			z: 3,
			hoverAnimation: false,
			label: {
				normal: {
					show: false
				}
			},
			labelLine: {
				normal: {
					show: false
				}
			},
			itemStyle: {
				normal: {
					color: {
						type: 'radial',
						x: 0.1,
						y: -0.1,
						r: 1,
						colorStops: [{
							offset: 0,
							color: '#fff' // 0% 处的颜色
						}, {
							offset: 0.7,
							color: '#858788' // 50% 处的颜色
						}, {
							offset: 0.71,
							color: '#858788' // 51% 处的颜色
						}, {
							offset: 1,
							color: '#858788' // 100% 处的颜色
						}],
						globalCoord: true // 缺省为 false
					}
				}
			},
			data: [{
				value: 1,
				name: '指针辅助'
			}],
		}, {
			"type": "gauge",
			"startAngle": 220,
			'endAngle': -40,
			'radius': '86%',
			"min": 0,
			"max": 1,
			"axisLine": {
				"lineStyle": {
					"color": [
						[0.1, "#57b7e7"],
						[0.3, "#ffea5c"],
						[1, "#fd7867"]
					],
					"width": 16
				}
			},
			"axisTick": {
				"show": true,
				'splitNumber': 1,
				'length': 16,
				'lineStyle': {
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 1
				}
			},
			"axisLabel": {
				"show": false,
			},
			"splitLine": {
				"show": false
			},
			'pointer': {
				'show': true,
				'width': 2,
				'length': '100%',

			},
			'itemStyle': {
				'normal': {
					'color': '#727273',
					'shadowColor': 'rgba(0, 0, 0, 0.5)',
					'shadowBlur': 10,
					'shadowOffsetX': 2,
					'shadowOffsetY': 2
				}

			},
			"detail": {
				"formatter": "{value}",
				"offsetCenter": [0, "50%"],
				"textStyle": {
					"fontSize": 14,
					"color": "#fff",
					"fontFamily": ['DS-Digital', 'DS-DIGIB']
				},
				"padding": [2, 10, 2, 10],
				'backgroundColor': '#000',
				'borderRadius': 2,
			},
			"title": {
				"offsetCenter": [0, "80%"],

			},
			"data": [{
				"name": "点检报警",
				"value": 20,
			}]
		}]

	}
	DQGZchart.setOption(DQGZoption);
	//	排行
	var RankingChart = echarts.init(document.getElementById('Ranking'));
	RankingOption = {
		backgroundColor: '#fff',
		grid: {
			top: '1%',
			left: '5%',
			right: '1%',
			bottom: '1%',
			containLabel: true
		},

		tooltip: {
			show: "true",
			trigger: 'axis',
			axisPointer: { // 坐标轴指示器，坐标轴触发有效
				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
			}
		},
		xAxis: {
			show: true,
			type: 'value',
			axisTick: {
				show: false
			},
			axisLine: {
				show: true,
				lineStyle: {
					color: '#666',
				}
			},
			splitLine: {
				show: false
			},
		},
		yAxis: [{
				type: 'category',
				axisTick: {
					show: true
				},
				axisLine: {
					show: true,
					lineStyle: {
						color: '#666',
					}
				},
				data: ['大同', '福州', '库车', '延吉', '酒泉', '金塘', '兰州', '石嘴山', '布连', '瓮福', '肇庆', '泉州', '九江', '汉川', '谏壁', '泰州', '蚌埠', '宿州', '宿迁', '荥阳', '霍州', '榆次', '大同', '天津', '淮安', '北塘', '承德', '大连', '庄河', '沈阳', '白城', '长春', '克拉玛依']
			},
			{
				type: 'category',
				axisLine: {
					show: false
				},
				axisTick: {
					show: false
				},
				axisLabel: {
					show: false
				},
				splitArea: {
					show: false
				},
				splitLine: {
					show: false
				},
				data: ['大同', '福州', '库车', '延吉', '酒泉', '金塘', '兰州', '石嘴山', '布连', '瓮福', '肇庆', '泉州', '九江', '汉川', '谏壁', '泰州', '蚌埠', '宿州', '宿迁', '荥阳', '霍州', '榆次', '大同', '天津', '淮安', '北塘', '承德', '大连', '庄河', '沈阳', '白城', '长春', '克拉玛依']
			},

		],
		series: [{
				name: '点检报警率',
				type: 'bar',
				yAxisIndex: 1,

				itemStyle: {
					normal: {
						show: true,
						color: '#e0ecf1',
						//							barBorderRadius: 50,
						borderWidth: 0,
						borderColor: '#333',
					}
				},
				barGap: '0%',
				barCategoryGap: '50%',
				data: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100]
			},
			{
				name: '报警率',
				type: 'bar',
				label: {
					normal: {
						show: true,
						position: 'right',
						distance: 10
					}
				},
				itemStyle: {
					normal: {
						show: true,
						color: '#4396ca',
						borderWidth: 0,
						borderColor: '#333',
					}
				},
				barGap: '0%',
				barCategoryGap: '50%',
				data: [2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 62, 64, 66]
			}

		]
	}
	RankingChart.setOption(RankingOption)
})